forum

home / developersection / forums / adding controls dynamically in angularjs

Ask Question

Adding Controls Dynamically in AngularJS

Anonymous User 2068 29-Feb-2016
we want to Adding Controls Dynamically  in AngularJS.how to use this please help me.
angular js angular js 
Updated on 29-Feb-2016
Anonymous User

Other

I am a content writter !

Follow Message
Can you answer this question?
Answer

1 Answers

Anonymous User

Anonymous User

29-Feb-2016 
@{
    Layout = null;}
<!DOCTYPE html>
<html>
<head>
    <title>Forum</title>
    <meta name="viewport" content="width=device-width" />
    <script src="~/Scripts/jquery-1.9.1.js"></script>
    <script src="~/Scripts/angular.js"></script>
     <script type="text/javascript"> 
        var ng = angular.module('myapp', []); 
     ng.controller('controller', function ($scope) {  


         $scope.rows = [];
         $scope.rows.push({
             FirstName: "Fist Name",
             LastName: "Last Name",
             IsActive: true
         });


         $scope.addRow = function () {  


             $scope.rows.push({  
                 FirstName: "Fist Name",  
                 LastName: "Last Name",  
                 IsActive: true  
             }); 


         };  


     });


 </script> 


</head>


 <body ng-app="myapp"> 


        <div ng-controller="controller" style="border:5px solid #E4E2E2;width:500px;">  
            <button ng-click="addRow()" style="color:red;font-size:18px;">Add New Row </button>           
            <div ng-repeat="row in rows">                


                <input type="text" placeholder="{{row.FirstName}}">   


                <input ng-class="{'blockInput': !row.IsActive}" placeholder="{{row.LastName}}" type="text"> 
                <input type="checkbox" name="check" value="inline">IsActive              


            </div>  
            <br/>  
        </div>  
    </body>  
</html>
Adding Controls Dynamically  in AngularJS
MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy